<style>
  .{{$template|escape:'html'}}_table1 {
    width: 900px;
    height: 40px;
  }
  .{{$template|escape:'html'}}_table2 {
    background-image: url('images/common/headline.png');
    background-repeat: repeat-x;
    border-right: solid 1px #8F8F8A;
    width: 900px;
    height: 25px;
  }
  .{{$template|escape:'html'}}_table3 {
    width: 900px;
    background-color: #ebebe3;
    border-right: solid 1px #8f8f8a;
    border-bottom: solid 1px #8f8f8a;
    border-top: solid 1px #white;
    border-left: solid 1px #white;
    padding:15px 0;
  }
  .{{$template|escape:'html'}}_table4 {
    width: 860px;
  }
  .{{$template|escape:'html'}}_table5 {
    width: 900px;
  }
  .{{$template|escape:'html'}}_table6 {
    width: 800px;
    height: 80px;
  }
  .{{$template|escape:'html'}}_table7 {
    width: 900px;
    height: 20px;
  }
  .{{$template|escape:'html'}}_td1 {
    width: 900px;
    height: 40px;
    text-align: left;
    vertical-align: top;
  }
  .{{$template|escape:'html'}}_td2 {
    width: 900px;
    height: 25px;
    padding: 0 0 0 10px;
    text-align: left;
    font-weight:bold;
    font-size:130%;
    color:#694247;
  }
  .{{$template|escape:'html'}}_td3 {
    width: 900px;
  }
  .{{$template|escape:'html'}}_td4 {
    width: 55px;
    height: 25px;
    text-align: left;
    vertical-align: middle;
    font-weight:bold;
    font-size:110%;
    color:#776e64;
  }
  .{{$template|escape:'html'}}_td5 {
    width: 480px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td7 {
    width: 250px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td9 {
    width: 900px;
    text-align: cener;
  }
  .{{$template|escape:'html'}}_td10 {
    width: 760px;
    height: 20px;
    text-align: right;
  }
  .{{$template|escape:'html'}}_td11 {
    width: 70px;
    height: 20px;
    text-align: right;
  }
  .{{$template|escape:'html'}}_inputText {
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    width: 250px;
    height: 18px;
    text-align: left;
  }
  .{{$template|escape:'html'}}_selectText {
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    width: 253px;
    height: 22px;
    text-align: left;
  }
  .{{$template|escape:'html'}}_addattribute {
    background-image: url(images/buttons/addattribute.png);
    height: 22px;
    width: 106px;
    cursor:pointer;
    border: 0;
  }
  .{{$template|escape:'html'}}_addattribute:hover {
    background-image: url(images/buttons/addattribute_h.png);
    height: 22px;
    width: 106px;
    cursor:pointer;
    border: 0;
  }
</style>



<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      
      var gui = GuiPageBackendSample.instance('{{$template|escape:'javascript'}}');
      new HandlePageBackendSample(gui, JSON.parse('{{$operator|escape:javascript}}'), JSON.parse('{{$now|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'));
    }
  //-->
</script>

<div id="container" class="page_width">
  <table class="{{$template|escape:'html'}}_table2" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td2">
        Main
      </td>
    </tr>
  </table>
  <table class="{{$template|escape:'html'}}_table3" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td3" align="center">
        <table class="{{$template|escape:'html'}}_table4" cellPadding="0" cellSpacing="0">
          <tr>
            <td class="{{$template|escape:'html'}}_td4">
              Name
            </td>
            <td class="{{$template|escape:'html'}}_td5">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="{{$template|escape:'html'}}_name_text"></input>
            </td>
            <td class="{{$template|escape:'html'}}_td4">
              Type
            </td>
            <td class="{{$template|escape:'html'}}_td7">
              <select class="{{$template|escape:'html'}}_selectText" id="{{$template|escape:'html'}}_type_select"></select>
            </td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td4">
              Model
            </td>
            <td class="{{$template|escape:'html'}}_td5">
              <select class="{{$template|escape:'html'}}_selectText" id="{{$template|escape:'html'}}_model_select"></select>
            </td>
            <td class="{{$template|escape:'html'}}_td4">
              Price
            </td>
            <td class="{{$template|escape:'html'}}_td7">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="{{$template|escape:'html'}}_price_text"></input>
            </td>
          </tr>
          <tr>
            <td class="{{$template|escape:'html'}}_td4">
              Unit
            </td>
            <td class="{{$template|escape:'html'}}_td5">
              <input type="text" class="{{$template|escape:'html'}}_inputText" id="{{$template|escape:'html'}}_unit_text"></input>
            </td>
            <td class="{{$template|escape:'html'}}_td4">
              Valid
            </td>
            <td class="{{$template|escape:'html'}}_td7">
              <input type="radio" name="dis" id="{{$template|escape:'html'}}_disyes_radio"></input>
              YES
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <input type="radio" name="dis" id="{{$template|escape:'html'}}_disno_radio"></input>
              NO
            </td>                   
            
          </tr>
        </table>
      </td>
    </tr>
  </table>
  
  <table class="{{$template|escape:'html'}}_table2" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td2">
        Attributes
      </td>
    </tr>
  </table>
  
  <table class="{{$template|escape:'html'}}_table5" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td9" id="{{$template|escape:'html'}}_attributes_div"></td>
    </tr>
  </table>
  
  <table class="{{$template|escape:'html'}}_table7" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td10">
        <input type="button" class="{{$template|escape:'html'}}_addattribute" id="{{$template|escape:'html'}}_addAttribute_button" />
      </td>
      <td class="{{$template|escape:'html'}}_td11">
        <input type="button" class="save" id="{{$template|escape:'html'}}_save_button" />
      </td>
      <td class="{{$template|escape:'html'}}_td11">
        <input type="button" class="cancel" id="{{$template|escape:'html'}}_cancel_button" />
      </td>
    </tr>
  </table>
</div>